<!DOCTYPE html>
<html>

	<head>
		<title>我们的技术</title>
		<!-- for-mobile-apps -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Tutelage Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

			function hideURLbar() { window.scrollTo(0, 1); }
		</script>
		<!-- //for-mobile-apps -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!-- js -->
		<script src="js/jquery-1.11.1.min.js"></script>
		<!-- //js -->
		<script src="js/modernizr.custom.js"></script>
		<!-- fonts -->
		<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
		<link href='http://fonts.useso.com/css?family=Alegreya:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
		<!-- //fonts -->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->

	</head>

	<body>
		<!-- header -->
		<div class="header">
			<div class="container">
				<div class="header-nav">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
							<h1><a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-education" aria-hidden="true"></i><span>So</span>Gine</a></h1>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li>
									<a class="hvr-overline-from-center button2 " href="index.html">首页</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="about.html">我们的产品</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2 active" href="tech.html">我们的技术</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2 " href="services.html">我们的服务</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="contact.html">联系我们</a>
								</li>
							</ul>
						
						</div>
						<!-- /navbar-collapse -->

						
					</nav>
				</div>
			</div>
		</div>
		<!-- header -->
		<!-- banner -->
		<div class="banner page-head">
		</div>
		<!-- //banner -->
		<!-- about -->
		<div class="about">
			<div class="container">
				<div class="help-info">
					<h2 class="tittle">我们的技术</h2>
				</div>
				<div class="about-grids">
					<div class="col-md-5 about-grid-left">
						<img src="images/g5.jpg" alt="" />
					</div>
					<div class="col-md-7 about-grid">
						<h3>MySQL数据库 </h3>
						<p>
							开放源代码的关系型数据库管理系统（RDBMS），使用最常用的数据库管理语言--结构化查询语言（SQL）进行数据库管理，是目前IT行业最流行的开放源代码的数据库管理系统，同时它也是一个支持多线程高并发多用户的关系型数据库管理系统。
						</p>
						<h3>信息安全 </h3>
						<p>
							鉴于对系统安全性的考虑，采用成熟的PPDRR安全模型。PPDRR是一种动态的、自适应的安全模型，可适用门户的安全风险控制和安全需求的不断变化，提供持续的安全保障。PPDRR模型包括策略、防护、检测、响应和恢复5个主要部分，其中，防护、检测、响应和恢复构成一个完整的、动态的安全循环，在安全策略的指导下共同实现安全保障。
						</p>

						<h3>移动技术 </h3>
						<p>
							为了满足全面高效的企业移动应用开发平台，为移动应用提供从开发、测试、部署、发布和运营全生命周期的管理，我公司提供了一个开放、全面、先进的智能手机和平板电脑移动应用开发平台，可帮助各种规模的企业高效开发、测试、集成、运行和管理移动和全渠道应用程序。我们在实际相关项目开发中充分利用了它的各个主要环节的特性，取得了良好的效果。
						</p>
						<P>
							对于Native、Hybrid模式的应用场景，我公司也实现了丰富的项目开发经验积累和技术积累，研发、封装出一系列的基础框架，降低开发难度、提高开发效率，也大大保证代码质量。考虑到移动应用生态圈的现状和发展趋势，我们采用细粒度的组件根据需求进行拼装的方式满足业务研发的需求。
						</P>
						<h3>UI交互技术 </h3>
						<p>
							基于Bootstrap做的Metro化改造，响应式布局，简洁、直观、强悍的前端，可以方便的台式机、平板设备、手机上都获得最佳的体验。
						</p>
						<h3>大数据 </h3>
						<p>
							随着技术的发展，人们已经有能力制造极其微小的带有处理功能的传感器，并开始将这些设备广泛的布置于社会的各个角落，通过这些设备来对整个社会的运转进行监控。这些设备会源源不断的产生新数据，这种数据的产生方式是自动的。因此在数据收集方面，要对来自网络包括物联网、社交网络和机构信息系统的数据附上时空标志，去伪存真，尽可能收集异源甚至是异构的数据，必要时还可与历史数据对照，多角度验证数据的全面性和可信性。通过对过去和现在的数据进行分析，它能够精确预测未来；通过对组织内部的和外部的数据整合，它能够洞察事物之间的相关关系；通过对海量数据的挖掘，它能够代替人脑，承担起企业和社会管理的职责。
						</p>
						<h3>自动化技术 </h3>
						<p>
							通过信息传递对从订单下达到产品完成的整个生产过程进行优化管理，对企业生产问题及时作出反应、报告，并用当前的准确数据对它们进行指导和处理。这种对状态变化的迅速响应能够减少企业内部没有附加值的活动，有效地指导工厂的生产运作过程，从而使其既能提高工厂及时交货能力，改善物料的流通性能，又能提高生产回报率。一般包括订单管理、物料管理、过程管理、生产排程、品质控管、设备控管及对外部系统的接口整合等模块。是将企业生产所需的核心业务的所有流程整合在一起的信息系统，它提供实时化、多生产型态架构、跨公司生产管制的信息交换；可随产品、订单种类及交货期的变动弹性调整参数等诸多能力，能有效的协助企业管理存货、降低采购成本、提高准时交货能力，增进企业少量多样的生产控管能力。
						</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="help-grids">
			<div class="container">
				<div class="col-md-4 help-grid">
					<h3 class="tittle tit3">WHO WE ARE</h3>
					<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit</p>
				</div>
				<div class="col-md-4 help-grid">
					<h3 class="tittle tit3">WHAT WE DO</h3>
					<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit</p>
				</div>
				<div class="col-md-4 help-grid">
					<h3 class="tittle tit3">WHY US?</h3>
					<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="about-bottom-last">
			<div class="container">
				<div class="help-info">
					<h3 class="tittle">TESTIMONIALS</h3>
				</div>
				<div class="client-say-grids">
					<div class="col-md-3 client-say-grid">
						<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint </p>
						<h4>PATRICK, CLIENT</h4>
					</div>
					<div class="col-md-3 client-say-grid">
						<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint </p>
						<h4>THOMPSON, CLIENT</h4>
					</div>
					<div class="col-md-3 client-say-grid">
						<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint </p>
						<h4>JOHN DOE, CLIENT</h4>
					</div>
					<div class="col-md-3 client-say-grid">
						<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint </p>
						<h4>ANDER SON, CLIENT</h4>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!-- //about -->
		<!-- footer -->
		<div class="footer">
			<div class="container">
				<div class="footer-grids">
					<div class="col-md-3 footer-grid">
						<h3>联系我们</h3>
						<ul>
							<li>
								<a href="#">地址：上海市浦东新区塘桥茂兴路88号</a>
							</li>
							<li>
								<a href="#">邮编：200120 </a>
							</li>
							<li>
								<a href="#">商务合作：158-0176-9561</a>
							</li>
							<li>
								<a href="#">邮箱：services@suqing.com</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的产品 </h3>
						<ul>
							
							<li>
								<a href="about.html">企业信息管理系统</a>
							</li>
							<li>
								<a href="about.html">生产管理系统</a>
							</li>
							<li>
								<a href="about.html">仓储管理系统</a>
							</li>
							<li>
								<a href="about.html">购销管理系统</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的技术</h3>
						<ul>
							<li>
								<a href="tech.html">数据库</a>
							</li>
							<li>
								<a href="tech.html">信息安全</a>
							</li>
							<li>
								<a href="tech.html">移动技术</a>
							</li>
							<li>
								<a href="tech.html">UI交互技术</a>
							</li>
							<li>
								<a href="tech.html">大数据</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的服务</h3>
						<ul>
							<li>
								<a href="services.html">专业的业务咨询规划</a>
							</li>
							<li>
								<a href="services.html">规范的产品研发实施</a>
							</li>
							<li>
								<a href="services.html">完善的售后服务</a>
							</li>
							<li>
								<a href="services.html">服务流程</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
				<p> Copyright © suqing.com 沪ICP备xxxxxxx号| 沪公网安备 xxxxxxx号
					<a href="http://www.suqingtech.com/" target="_blank" title="上海溯擎信息科技有限公司">上海溯擎信息科技有限公司</a>
				</p>
			</div>
		</div>
		<!-- //footer -->
		<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
		<!-- //for bootstrap working -->
		<!-- smooth scrolling -->
		<script type="text/javascript">
			$(document).ready(function() {
				/*
					var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
					};
				*/
				$().UItoTop({ easingType: 'easeOutQuart' });
			});
		</script>
		<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
		<!-- //smooth scrolling -->

	</body>

</html>